<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<title>WORD版分析报告导出</title>
<style type="text/css">
#hospInfo  {
	width: 550px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: center;
	padding: 20px 50px;
	border-radius: 10px;
	border: 1px solid #ddd;
	box-shadow: 0 15px 80px rgba(0, 0, 0, .2);
	background-color: white;
}

.ue-animation, [required="required"] {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-animation-duration: .8s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .8s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .8s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	-o-animation-duration: .8s;
	-o-animation-delay: .2s;
	-o-animation-timing-function: ease;
	-o-animation-fill-mode: both;
	animation-duration: .8s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both
}

.ue-shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake
}

@
-webkit-keyframes shake { 0%,100%{
	-webkit-transform: translateX(0);
	border: 1px solid #aaa;
}

10%,30%,50%,70%,90%{
-webkit-transform






:translateX(-10px)






}
20%,40%,60%,80%{
-webkit-transform






:translateX(10px)






;
border






:






1
px



 



solid



 



red






;
}
}
@
-moz-keyframes shake { 0%,100%{
	-moz-transform: translateX(0);
	border: 1px solid #aaa;
}

10%,30%,50%,70%,90%{
-moz-transform






:translateX(-10px)






}
20%,40%,60%,80%{
-moz-transform






:translateX(10px)






;
border






:






1
px



 



solid



 



red






;
}
}
@
-o-keyframes shake { 0%,100%{
	-o-transform: translateX(0);
	border: 1px solid #aaa;
}

10%,30%,50%,70%,90%{
-o-transform






:translateX(-10px)






}
20%,40%,60%,80%{
-o-transform






:translateX(10px)






;
border






:






1
px



 



solid



 



red






;
}
}
@
keyframes shake { 0%,100%{
	transform: translateX(0);
	border: 1px solid #aaa;
}

10%,30%,50%,70%,90%{
transform






:translateX(-10px)






}
20%,40%,60%,80%{
transform






:translateX(10px)






;
border






:






1
px



 



solid



 



red






;
}
}
#sdate, #edate, #benchmarkYear {
	width: 100px;
	display: inline-block;
	background-color: white;
}

.version {
	font-size: 10px;
	position: relative;
	top: -20px;
}

canvas {
	position: absolute;
	margin: 0;
}

.under-line-form .form-horizontal input[type="text"], .form-horizontal textarea,
	.form-horizontal textarea:focus {
	border: none;
	box-shadow: none;
	border-bottom: 1px solid #333;
	border-radius: 0;
	font-size: 18px;
	color: #000;
}

label {
	font-weight: normal;
}

.form-level label {
	border: 1px solid #eee;
	padding: 5px;
	text-align: center　 !important;
	border-radius: 5px;
}

.form-level .control-label {
	text-align: center;
	margin: 2px 0;
}

.form-level input {
	display: none !important;
}

.form-level .select {
	background-color: #5CB85C;
}
</style>
</head>
<body>
	<canvas id="bg_canvas"></canvas>
	<div class="container-fluid">
		<div class="row">
			<div class="col-md-12">
				<div class="row">
					<div class="col-md-12">
						<h2 align="center">
							分析报告导出(标准版)
						</h2>
					</div>
                     
				</div>
				<div class="row">
					<div class="col-md-12">
						<div id="card">
							<div class="center-block under-line-form" id="hospInfo"
								style="position: relative;">
								<div>
								<input type="button" class="btn btn-success" style="margin-left: 87%;" onclick="exchange1()" value="切换至精简版"> 
					            </div>
								<div class="row">
									<div class="col-md-12">
										<h4>
											<i class="fa fa-hospital fa-lg text-blue"></i>&nbsp;&nbsp;医院基本情况
										</h4>
									</div>
								</div>
								<form class="form-horizontal" id="hospForm">
									<div class="row">
										<label class="col-md-3 control-label ">医院名称：</label> <input
											type="text" class=" col-md-6 form-control" name="hospName"
											id="hospName" required="required" value="东华">
									</div>
									<div class="row">
										<label class="col-md-3 control-label ">建院时间：</label> <input
											type="text" class=" col-md-6 form-control"
											name="hospBuildYear" id="hospBuildYear" required="required"
											value="1949">
									</div>
									<div class="row">
										<label class="col-md-3 control-label ">医院级别：</label>
										<div class="col-md-9 form-level">
											<div class="row">
												<label for="3A" class="col-md-4 control-label select"
													style="margin-left: 0px;">三级甲等</label> <input type="radio"
													class="form-control" name="hospLevel" id="3A" value="三级甲等"
													checked="checked"> <label for="3B"
													class="col-md-4 control-label">三级乙等</label> <input
													type="radio" class="form-control" name="hospLevel" id="3B"
													value="三级乙等"> <label for="2A"
													class="col-md-4 control-label">二级甲等</label> <input
													type="radio" class="form-control" name="hospLevel" id="2A"
													value="二级甲等"> <label for="2B"
													class="col-md-4 control-label">二级乙等</label> <input
													type="radio" class="form-control" name="hospLevel" id="2B"
													value="二级乙等"> <label for="2"
													class="col-md-4 control-label">二级</label> <input
													type="radio" class="form-control" name="hospLevel" id="2"
													value="二级"> <label for="1A"
													class="col-md-4 control-label">一级甲等</label> <input
													type="radio" class="form-control" name="hospLevel" id="1A"
													value="一级甲等"> <label for="1B"
													class="col-md-4 control-label">一级乙等</label> <input
													type="radio" class="form-control" name="hospLevel" id="1B"
													value="一级乙等"> <label for="1"
													class="col-md-4 control-label">一级</label> <input
													type="radio" class="form-control" name="hospLevel" id="1"
													value="一级"> <label for="C"
													class="col-md-4 control-label">未评</label> <input
													type="radio" class="form-control" name="hospLevel" id="C"
													value="未评">
											</div>
										</div>
									</div>
									<div class="row">
										<label for="hospBedNum" class="col-md-3 control-label">核定床位数：</label>
										<input type="text" class=" col-md-3 form-control"
											name="hospBedNum" id="hospBedNum" required="required"
											value="1"> <label for="hospRealBedNum"
											class="col-md-3 control-label">实际床位数：</label> <input
											type="text" class="col-md-3 form-control"
											name="hospRealBedNum" id="hospRealBedNum" required="required"
											value="1">
									</div>
									<div class="row">
										<label for="hospCaseNum" class="col-md-3 control-label">年门急诊量：</label>
										<input type="text" class=" col-md-3 form-control"
											name="hospCaseNum" id="hospCaseNum" required="required"
											value="1"> <label for="hospDocNum"
											class="col-md-3 control-label">医师数量：</label> <input
											type="text" class="col-md-3 form-control" name="hospDocNum"
											id="hospDocNum" required="required" value="1">
									</div>
									<div class="row">
										<label for="hospDocNum" class="col-md-3 control-label">
											开放总床日数：</label> <input type="text" class="col-md-3 form-control"
											name="hospBedDaysNum" id="hospBedDaysNum" required="required"
											value="1">
									</div>
									<div class="row">
										<label for="mdcCode" class="col-md-3 control-label">重点MDC：</label>
										<input type="text" class="col-md-6 form-control"
											name="mdcCode" id="mdcCode" required="required" value="MDCH">
									</div>
									
									<div class="row">
										<label for="mdcCode" class="col-md-3 control-label">重点科室：</label>
										<input type="text" class="col-md-6 form-control"
											name="dephospname" id="dephospname" required="required" value="骨科">
									</div>
									
									<div class="row">
										<label for="mdcCode" class="col-md-3 control-label">重点病种：</label>
										<input type="text" class="col-md-6 form-control"
											name="dephospcode" id="dephospcode" required="required" value="I20.001||I72.303">
									</div>

									<div class="row">
										<label for="mdcCode" class="col-md-4 control-label">是否抛异常数据：</label>
										<span class="col-md-1" style="float: left; margin-top: 10px;">是：</span><input
											type="radio" class="col-md-2" name="isAbno" id="isAbno1"
											value="1" style="float: left; margin-top: 10px;"
											checked="checked"> <span class="col-md-1"
											style="float: left; margin-top: 10px;">否：</span><input
											type="radio" name="isAbno" class="col-md-2" id="isAbno2"
											value="0" style="float: left; margin-top: 10px;">
									</div>
									<div class="row">
										<div class="col-sm-12">
											<span style="color: red;"> *注：重点专业填写MDC代码，若为多个则用"||"
												隔开,如：MDCA||MDCB</span>
										</div>
									</div>
									<div class="row">
										<div class="col-sm-12">
											<span style="color: red;"> *注：重点病种填写主要诊断代码，若为多个则用"||"
												隔开,如：I20.001||I72.303</span>
										</div>
									</div>
									<div class="row">
										<div class="panel panel-success" id="exportResult">
											<div class="panel-heading text-left">生成报告</div>
											<div class="panel-body">
												<table
													style="width: 100%; margin-bottom: 10px; text-align: left;">
													<tr>
														<td width="52%;">日期区间：</td>
														<td>标杆年份：</td>
													</tr>
													<tr>
														<td><input class="form-control" id="sdate">
															- <input class="form-control" id="edate"></td>
														<td>
															<select id="benchmarkYear"class="formselect"></select>
															<button id="generateBtn" type="button"
																class="btn btn-success" style="margin-top: -5px;">
																<i class="fa fa-cog fa-fw"></i>生成报告
															</button>
														</td>
													</tr>
												</table>
											</div>
											<div class="panel-footer"></div>
										</div>
									</div>
							</div>

						</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<div class="row" id="t1" style="display:none">
		<div class="col-md-12">
			<div class="panel panel-success" id="chart_panel" >
				<div class="panel-heading text-left">生成的图表：</div>
				<div class="panel-body text-center">
					<!-- 为 ECharts 准备一个具备大小（宽高）的Dom -->
					<div class="row">
						<div class="col-md-6">
							<div id="image1" style="width: 280px; height: 280px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image2" style="width: 280px; height: 280px;"></div>
						</div>
					</div>
					<div class="row">

						<div class="col-md-6">
							<div id="image3" style="width: 280px; height: 280px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image4" style="width: 280px; height: 280px;"></div>
						</div>

					</div>
					<div class="row">
						<div class="col-md-6">
							<div id="image5" style="width: 350px; height: 350px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image6" style="width: 500px; height: 350px;"></div>
						</div>
					</div>
					<div class="row">

						<div class="col-md-6">
							<div id="image7" style="width: 480px; height: 350px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image8" style="width: 480px; height: 350px;"></div>
						</div>

					</div>
					<div class="row">

						<div class="col-md-6">
							<div id="image9" style="width: 500px; height: 350px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image10" style="width: 500px; height: 350px;"></div>
						</div>

					</div>
					<div class="row">

						<div class="col-md-6">
							<div id="image11" style="width: 500px; height: 350px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image12" style="width: 480px; height: 350px;"></div>
						</div>

					</div>
                 <div class="row">

						<div class="col-md-6">
							<div id="image14" style="width: 500px; height: 350px;"></div>
						</div>
						<div class="col-md-6">
							<div id="image15" style="width: 480px; height: 350px;"></div>
						</div>

					</div>
				</div>
			</div>
		</div>
	</div>
	</div>
	<script type="text/javascript">
	function exchange1(){
		openTab('/pages/simpreport/wordDRGsReport.jsp','分析报告导出',tabId,tabId);

	}
	
		$(document).ready(
				function() {
					var contents = [ {
						title : '2015',
						value : '2015'
					} ];
					$('#benchmarkYear').val('2015');
					//获取当前系统库中可用标杆
					$.ajax({
						type : "post",
						url : contextPath + "/WordReport/getBenchmarkYear.dhc",
						data : "",
						success : function(result) {
							if (result.success) {
								var data = result.data;
								$('#'+tabId+' #benchmarkYear').html('');
								for(var i in data){
									$('#'+tabId+' #benchmarkYear').append('<option value='+data[i]+'>'+data[i]+'</option>');
								}
							}
						}
					});

					$("#" + tabId + " #sdate").val(
							new Date().getFullYear() - 1 + '-01-01');
					$("#" + tabId + " #edate").val(
							new Date().getFullYear() - 1 + '-12-31');
					$("#" + tabId + " #sdate").datetimepicker({
						format : "yyyy-mm-dd",
						autoclose : true,
						todayBtn : true,
						minView : 2,
						language : 'zh-CN'
					});
					$("#" + tabId + " #edate").datetimepicker({
						format : "yyyy-mm-dd",
						autoclose : true,
						todayBtn : true,
						minView : 2,
						language : 'zh-CN'
					});

					$("#" + tabId + " #hospBuildYear").datetimepicker({
						startView : 'decade',
						minView : 'decade',
						format : 'yyyy',
						autoclose : true
					});
					$('#' + tabId + ' #mdcCode_id').append(
							'<option value="all" selected>全部级别</option>');
					/* $.each(leveldata, function(i, n) {
						$('#'+tabId+' #hosplevel_id').append('<option value="'+n+'">'+n+'</option>');
					}); */
				});
	</script>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/js/wordreport/reportEharts.js"></script>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/js/wordreport/calculate.js"></script>
	<script type="text/javascript"
		src="<%=request.getContextPath()%>/js/wordreport/wordReport.js"></script>
</body>
</html>